<template>
  <div class="error404">
    <div class="error404-body-con">
      <Card>
        <div class="error404-body-con-title">4<span><Icon type="ios-navigate-outline"></Icon></span>4</div>
          <p class="error404-body-con-message">YOU&nbsp;&nbsp;LOOK&nbsp;&nbsp;LOST</p>
            <div class="error404-btn-con">
              <Button @click="goHome" size="large" style="width: 200px;" type="text">返回首页</Button>
              <Button @click="backPage" size="large" style="width: 200px;margin-left: 40px;" type="primary">返回上一页</Button>
             </div>
      </Card>
    </div>
  </div> 
</template>

<script>
export default {
  name: 'error404',
  methods: {
    goHome () {
      this.$router.push({
        path: 'index'
      });
    },
    backPage () {
      this.$router.go(-1);
    }
  }
};
</script>

<style>
@import './404.css';
</style>
